<script setup lang="ts">
  
</script>



<template>
  <div class="tip">
    <!-- 科室结构 -->
    <div class="deparment">
      <div class="header">
        <div class="left">
          <svg t="1734352613119" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4334" width="16" height="16"><path d="M400.696008 129.093147c-17.248849 0-31.233352 13.984503-31.233352 31.233352l0 30.470989c0 17.248849 13.984503 31.233352 31.233352 31.233352s31.233352-13.984503 31.233352-31.233352l0-30.470989C431.92936 143.078673 417.944857 129.093147 400.696008 129.093147z" fill="#d81e06" p-id="4335"></path><path d="M623.647823 129.093147c-17.248849 0-31.233352 13.984503-31.233352 31.233352l0 30.470989c0 17.248849 13.985526 31.233352 31.233352 31.233352 17.248849 0 31.233352-13.984503 31.233352-31.233352l0-30.470989C654.881175 143.078673 640.896672 129.093147 623.647823 129.093147z" fill="#d81e06" p-id="4336"></path><path d="M425.695379 312.937269c11.209296 18.047028 41.974997 48.588625 86.152149 48.588625 43.958164 0 75.100442-30.308283 86.573751-48.223305 9.302877-14.528901 5.068436-33.846876-9.455349-43.149752-14.539134-9.307993-33.851992-5.063319-43.149752 9.455349-0.121773 0.198521-13.379729 19.449981-33.968649 19.449981-19.993357 0-32.428573-18.107403-33.271778-19.373233-9.17087-14.417361-28.28009-18.799158-42.829458-9.760295C421.089477 279.028994 416.591023 298.28557 425.695379 312.937269z" fill="#d81e06" p-id="4337"></path><path d="M564.242851 625.945145l-20.278859 0L543.963992 462.486306c0-17.253966-13.985526-31.233352-31.233352-31.233352-17.248849 0-31.233352 13.979386-31.233352 31.233352l0 163.457816-20.283975 0c-45.924959 0-83.289961 37.363979-83.289961 83.289961l0 103.024421c0 45.924959 37.363979 83.289961 83.289961 83.289961l103.029538 0c45.924959 0 83.289961-37.363979 83.289961-83.289961L647.532813 709.234083C647.532813 663.309124 610.168834 625.945145 564.242851 625.945145zM585.066109 812.258505c0 11.286044-9.537214 20.822235-20.822235 20.822235L461.214337 833.080739c-11.286044 0-20.822235-9.537214-20.822235-20.822235L440.392102 709.234083c0-11.286044 9.537214-20.822235 20.822235-20.822235l103.029538 0c11.286044 0 20.822235 9.537214 20.822235 20.822235L585.066109 812.258505z" fill="#d81e06" p-id="4338"></path><path d="M250.808256 625.945145l-17.482163 0 0-266.970354c0-35.483142 28.864398-64.35368 64.343447-64.35368 17.248849 0 31.233352-13.984503 31.233352-31.233352s-13.985526-31.233352-31.233352-31.233352c-69.924559 0-126.810151 56.890708-126.810151 126.820384l0 266.970354-23.079648 0c-45.924959 0-83.289961 37.363979-83.289961 83.289961l0 103.024421c0 45.924959 37.363979 83.289961 83.289961 83.289961l103.029538 0c45.924959 0 83.289961-37.363979 83.289961-83.289961L334.099241 709.234083C334.098217 663.309124 296.734238 625.945145 250.808256 625.945145zM271.630491 812.258505c0 11.286044-9.537214 20.822235-20.822235 20.822235L147.778718 833.080739c-11.286044 0-20.822235-9.537214-20.822235-20.822235L126.956484 709.234083c0-11.286044 9.537214-20.822235 20.822235-20.822235l103.029538 0c11.286044 0 20.822235 9.537214 20.822235 20.822235L271.630491 812.258505z" fill="#d81e06" p-id="4339"></path><path d="M876.565113 625.945145l-21.961174 0 0-266.970354c0-69.929676-56.890708-126.820384-126.815267-126.820384-17.248849 0-31.233352 13.985526-31.233352 31.233352s13.984503 31.233352 31.233352 31.233352c35.483142 0 64.348564 28.869514 64.348564 64.35368l0 266.970354-18.605753 0c-45.924959 0-83.289961 37.363979-83.289961 83.289961l0 103.024421c0 45.924959 37.363979 83.289961 83.289961 83.289961l103.034655 0c45.924959 0 83.289961-37.363979 83.289961-83.289961L959.856098 709.234083C959.854051 663.309124 922.490072 625.945145 876.565113 625.945145zM897.387347 812.258505c0 11.286044-9.537214 20.822235-20.822235 20.822235L773.530458 833.080739c-11.286044 0-20.822235-9.537214-20.822235-20.822235L752.708224 709.234083c0-11.286044 9.537214-20.822235 20.822235-20.822235l103.034655 0c11.286044 0 20.822235 9.537214 20.822235 20.822235L897.387347 812.258505z" fill="#d81e06" p-id="4340"></path></svg>
          <span>常见科室</span>
        </div>
        <div class="right">
          <span>全部</span>
          <svg t="1734352693888" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5837" width="16" height="16"><path d="M714.19904 549.84704l-328.704 328.69376c-20.91008 20.91008-54.80448 20.91008-75.70432 0-20.89984-20.89984-20.89984-54.80448 0-75.70432L600.63744 512 309.80096 221.16352c-20.89984-20.91008-20.89984-54.80448 0-75.70432 20.89984-20.91008 54.79424-20.91008 75.70432 0l328.704 328.69376c10.4448 10.45504 15.6672 24.14592 15.6672 37.84704S724.64384 539.40224 714.19904 549.84704z" p-id="5838" fill="#707070"></path></svg>
        </div>
      </div>
      <div class="content">
        <ul>
          <li>神经内科</li>
          <li>神经内科</li>
          <li>神经内科</li>
          <li>神经内科</li>
          <li>神经内科</li>
          <li>神经内科</li>
          <li>神经内科</li>
          <li>神经内科</li>
        </ul>
      </div>
    </div>
     <!-- 平台公告 -->
    <div class="notice">
      <div class="header">
        <div class="left">
          <svg t="1734353470901" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7008" width="16" height="16"><path d="M342 391.1h24.7v180.4H342z" fill="#FFFFFF" p-id="7009"></path><path d="M404.6 711.5c-0.4 3.7-0.6 7.5-0.6 11.2v70c0 59.7 48.4 108 108 108 59.7 0 108-48.4 108-108v-70c0-3.8-0.2-7.5-0.6-11.2H404.6z m0 0" fill="#CCE5F6" p-id="7010"></path><path d="M512 923.9c-72.3 0-131.1-58.8-131.1-131.1v-70c0-4.5 0.2-9.1 0.7-13.6 1.2-11.8 11.1-20.7 23-20.7h214.9c11.8 0 21.8 8.9 23 20.7 0.5 4.5 0.7 9.1 0.7 13.6v70c-0.1 72.3-58.9 131.1-131.2 131.1z m-84.9-189.3v58.1c0 46.8 38.1 84.9 84.9 84.9 46.8 0 84.9-38.1 84.9-84.9v-58.1H427.1z m148-477.2c-0.8 0-1.6 0-2.4-0.1-12.7-1.3-21.9-12.7-20.6-25.4 0.1-1.4 0.2-2.8 0.2-4.2v-41.1c0-22.2-18.1-40.3-40.3-40.3-22.2 0-40.3 18.1-40.3 40.3v41.1c0 1.4 0.1 2.8 0.2 4.2 1.3 12.7-7.9 24.1-20.6 25.4-12.7 1.3-24.1-7.9-25.4-20.6-0.3-3-0.5-6-0.5-9v-41.1c0-47.7 38.8-86.5 86.5-86.5s86.5 38.8 86.5 86.5v41.1c0 3-0.2 6-0.5 9-1.1 11.9-11.1 20.7-22.8 20.7z m0 0" fill="#2197EF" p-id="7011"></path><path d="M756.7 616.9c-12.8 0-23.1-10.3-23.1-23.1V481.3c0-122.2-99.4-221.6-221.6-221.6-122.2 0-221.6 99.4-221.6 221.6v112.5c0 12.8-10.3 23.1-23.1 23.1s-23.1-10.3-23.1-23.1V481.3c0-147.7 120.2-267.8 267.8-267.8 147.7 0 267.9 120.2 267.9 267.8v112.5c0 12.8-10.4 23.1-23.2 23.1z m0 0" fill="#2197EF" p-id="7012"></path><path d="M168.3 677h687.5v113.6H168.3z" fill="#CCE5F6" p-id="7013"></path><path d="M855.7 813.7H168.3c-12.8 0-23.1-10.3-23.1-23.1V677c0-12.8 10.3-23.1 23.1-23.1h687.5c12.8 0 23.1 10.4 23.1 23.1v113.6c0 12.8-10.4 23.1-23.2 23.1z m-664.3-46.2h641.3v-67.4H191.4v67.4z m0 0" fill="#2197EF" p-id="7014"></path></svg>
          <span>平台公告</span>
        </div>
        <div class="right">
          <span>全部</span>
          <svg t="1734352693888" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5837" width="16" height="16"><path d="M714.19904 549.84704l-328.704 328.69376c-20.91008 20.91008-54.80448 20.91008-75.70432 0-20.89984-20.89984-20.89984-54.80448 0-75.70432L600.63744 512 309.80096 221.16352c-20.89984-20.91008-20.89984-54.80448 0-75.70432 20.89984-20.91008 54.79424-20.91008 75.70432 0l328.704 328.69376c10.4448 10.45504 15.6672 24.14592 15.6672 37.84704S724.64384 539.40224 714.19904 549.84704z" p-id="5838" fill="#707070"></path></svg>
        </div>
      </div>
      <div class="content">
        <ul>
          <li>北京市隆福医院是集医疗、教学、科研于一体的大型三级甲等综合医院，是国家卫生计生委指定的全国疑难重症诊治指导中心，也是最早承担高干保健和外宾医疗任务的医院之一，以学科齐全、技术力量雄厚、特色专科突出、多学科综合优势强大享誉海内外。</li>
          <li>北京市隆福医院是集医疗、教学、科研于一体的大型三级甲等综合医院，是国家卫生计生委指定的全国疑难重症诊治指导中心，也是最早承担高干保健和外宾医疗任务的医院之一，以学科齐全、技术力量雄厚、特色专科突出、多学科综合优势强大享誉海内外。</li>
          <li>北京市隆福医院是集医疗、教学、科研于一体的大型三级甲等综合医院，是国家卫生计生委指定的全国疑难重症诊治指导中心，也是最早承担高干保健和外宾医疗任务的医院之一，以学科齐全、技术力量雄厚、特色专科突出、多学科综合优势强大享誉海内外。</li>
        </ul>
      </div>
    </div>
    <!-- 停诊公告 -->
    <div class="notice">
      <div class="header">
        <div class="left">
          <svg t="1734353809274" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9001" width="16" height="16"><path d="M627.648 716.064a17.935 17.935 0 0 1-10.688-3.552C450.048 587.776 273.504 581.44 239.808 581.44c-4.32 0-6.72 0.096-6.944 0.096-7.52 0.256-14.816-4.32-17.536-11.584-52.352-140.096-1.824-259.264 0.352-264.256a17.962 17.962 0 0 1 16.128-10.752c213.088-3.072 329.088-87.648 384.864-128.32 5.472-3.968 12.64-4.512 18.624-1.472s9.76 9.184 9.76 15.904c0 31.296 0.128 155.328 0.256 274.688 0.128 110.72 0.224 217.472 0.224 242.464a17.87 17.87 0 0 1-9.856 15.968 18.127 18.127 0 0 1-8 1.888zM244.64 545.76c42.848 0.64 204.864 10.56 365.12 117.888-0.064-46.016-0.128-125.856-0.192-207.872-0.096-92.16-0.192-187.136-0.224-240-65.024 44.768-178.912 109.312-364.736 114.656-9.792 29.312-32.704 116.48 0.064 215.36z m-12.928 35.808l-33.568-0.608c-49.28 0-88.16-62.848-88.16-143.072s38.88-143.104 88.512-143.104h37.824v35.744h-37.824c-24.96 0-52.768 44.096-52.768 107.36s27.808 107.36 52.768 107.36l33.888 0.64-0.672 35.712zM836 193.696l-29.536 23.584c43.04 57.824 69.472 135.488 69.472 220.864 0 85.408-26.432 163.04-69.472 220.864L836 682.624c48.288-64.48 78.016-150.208 78.016-244.48 0-94.208-29.728-179.968-78.016-244.416z m-126.272 113.12c18.464 39.328 29.024 84 29.024 131.36 0 47.424-10.528 92.032-29.024 131.392l30.464 24.384c23.296-46.24 36.64-99.264 36.64-155.744 0-56.448-13.344-109.472-36.64-155.744l-30.464 24.352zM319.392 773.568c-28.576 0-51.808-23.232-51.808-51.808V548.864l103.584 13.088V721.76c0 28.544-23.232 51.776-51.808 51.776z m-16.064-184.16v132.384c0 8.864 7.2 16.064 16.064 16.064s16.064-7.2 16.064-16.064v-128.32l-32.128-4.032z" fill="#f4ea2a" p-id="9002"></path></svg>
          <span>停诊公告</span>
        </div>
        <div class="right">
          <span>全部</span>
          <svg t="1734352693888" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5837" width="16" height="16"><path d="M714.19904 549.84704l-328.704 328.69376c-20.91008 20.91008-54.80448 20.91008-75.70432 0-20.89984-20.89984-20.89984-54.80448 0-75.70432L600.63744 512 309.80096 221.16352c-20.89984-20.91008-20.89984-54.80448 0-75.70432 20.89984-20.91008 54.79424-20.91008 75.70432 0l328.704 328.69376c10.4448 10.45504 15.6672 24.14592 15.6672 37.84704S724.64384 539.40224 714.19904 549.84704z" p-id="5838" fill="#707070"></path></svg>
        </div>
      </div>
      <div class="content">
        <ul>
          <li>首都医科大学附属北京天坛医院</li>
          <li>首都医科大学附属北京天坛医院</li>
          <li>中国人民解放军总医院(301医院)</li>
        </ul>
      </div>
    </div>
  </div>
</template>



<style scoped>
.tip{
  color: #7f7f7f;
  .deparment{
    .header{
    display: flex;
    justify-content: space-between;
    .left, .right{
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
  .content{
    margin-top: 5px;
    ul{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      li{
        width: 40%;
        margin-top: 10px;
      }
    }
  }
  }
  .notice{
    margin-top: 20px;
    .header{
      display: flex;
      justify-content: space-between;
      .left, .right{
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }
    .content{
      ul{
        li{
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          margin-top: 15px;
        }
      }
    }
  }
}
</style>